main{
    padding-bottom: 200px;
    .banner{
         position: relative;
         width: 100%;
         height: 810px;
         .swiper {
             width: 100%;
             height: 100%;
         }
         .swiper-slide img {
             display: block;
             width: 100%;
             height: 100%;
             object-fit: cover;
         }
         // .swiper-pagination-bullet{
         //     width: 30px;
         //     height: 30px;
         //     background-color: white;
         //     margin: 50px;
         // }
         // .my-bullet-active{
         //     background-color: rgba(0, 0, 0, 0.5);
         // }
         .swiper-pagination{
             position: absolute;
             bottom:  30px!important;
         }
         .swiper-pagination-custom{
             bottom: 5%;
             left: 0;
             width: 100%;
             height: 30px;
             text-align: center;
         }
         .swiper-pagination-customs{
             width: 30px;
             height: 30px;
             display: inline-block;
             background-color: rgba(255, 255, 255, 0.3);
             border-radius: 50%;
             margin: 0 80px;
         }
         .swiper-pagintion-customs-active{
             width: 30px;
             height: 30px;
             background-color: white;
             z-index: 9;
         }
         .text_count{
             position: absolute;
             top: 300px;
             left: 100px;
             color: white;
             text-align: left;
             line-height: 50px;
         }
         .text_count2{
             position: absolute;
             top: 200px;
             left: 166px;
             color: white;
             text-align: left;
             line-height: 50px;
         }
         .text_count3{
             position: absolute;
             top: 150px;
             right: 70px;
             color: white;
             text-align: right;
             line-height: 50px;
         }
        
    }
    .about_box{
     display: flex;
     justify-content: space-between;
     padding-top:70px ;
         .left_box{
             width: 880px;
             .left_box>p{
                 margin: 50px 0;
             }
             ul{
                 width: 100%;
                 list-style: none;
                 display: flex;
                 // justify-content: space-evenly;
                 margin-top: 140px;
                 li{
                     margin-right: 100px;
                     line-height: 40px;
                 }
             }
         }
         .right_box{
            
             position: relative;
             .img{
                 position: relative;
                 background-image: url(../img/u110.png);
                 .btn_box{
                     position: absolute;
                     display: inline;
                     left: 50%;
                     top: 50%;
                     transform: translate(-50%,-50%);
                     span{
                         display: block;
                         width: 100px;
                         height: 100px;
                         border: 2px solid white;
                         border-radius: 50%;
                         cursor: pointer;
                         p{
                             border: 25px solid transparent;
                             border-left-color: white;
                             margin-top: 50%;
                             margin-left: 50%;
                             transform: translate(-25%,-50%);
                         }
                     }
                 }
             }
             p{
                 text-align: center;
             }
             
         }
    }
    .course{
     padding-top: 258px;
     // overflow: hidden;
     >div{
         width: 100%;
         overflow: hidden;
         position: relative;
         height: 300px;
         .event{
             width: 1995px;
             margin-top: 260px;
             position: absolute;
             cursor: pointer;
             bottom: 50px;
             >hr{
        
                 border: 1px solid black;
             }
             >:nth-child(1){
                 margin-left: 40px;
             }
             >:nth-child(2){
                 margin-left: 310px;
             }
             >:nth-child(3){
                 margin-left: 630px;
             }
             >:nth-child(4){
                 margin-left: 928px;
             }
             >:nth-child(5){
                 margin-left: 1050px;
             }
             >:nth-child(6){
                 margin-left: 1250px;
             }
             >:nth-child(7){
                 margin-left: 1470px;
             }
             .count{
                 list-style: none;
                 position: absolute;
                 bottom: -46px;
                 li{
                     display: flex;
                     flex-direction: column;
                     .count_img{
                         visibility: hidden;
                         opacity: 0;
                         list-style: none;
                         display: flex;
                         width: 400px;
                         height: 170px;
                         border-radius: 12px;
                         box-shadow: 0 0  5px 2px rgba(0, 0, 0, 0.3);
                         transition: all 0.2s;
                         li{
                             width: 200px;
                             img{
                                 padding: 15px;
                                 width: 170px;
                                 height: 150px;
                             }
                             p{
                                 margin: auto 10px;
                             }
                         }
                     }
                     span{
                         display: block;
                         cursor: pointer;
                         margin-top: 20px;
                         margin-left: 50%;
                         transform: translateX(-50%);
                         width: 30px;
                         height: 30px;
                         background-color: rgb(18, 150, 219);
                         border-radius: 50%;
                         box-shadow: 0 0  5px 2px rgba(0, 0, 0, 0.3);
                         z-index: 2;
                     }
                     >.count_img.active{
                         visibility: visible;
                         opacity: 1;
                     }
                     >span.active{
                         background-color: rgb(255, 153, 0);
                     }
                 }
             }
     
         }
     }
     
    }
    .cooperate{
         padding-top: 100px;
         position: relative;
         ul{
             list-style: none;
             display: flex;
             margin-top: 50px;
             flex-wrap: wrap;
             justify-content: start;
             li{
                 width: 300px;
                 height: 150px;
                 box-shadow: 0 0  5px 2px rgba(0, 0, 0, 0.3);
                 border-radius: 12px;
                 margin: 15px 54px 15px 0;
                 // background: url('../img/u151.png')no-repeat center;
                 img{
                     width: 270px;
                     height: 84px;
                     margin: 35px 15px;
                 }
              }
              :nth-child(1){
                 object-fit: cover;
              }
              :nth-child(3){
                 img{
                     object-fit: none;
                 }
              }
              :nth-child(4){
                 img{
                     object-fit: scale-down;
                 }
              }
              :nth-child(5){
                 img{
                     object-fit: scale-down;
                 }
              }
              :nth-child(6){
                 img{
                     object-fit: none;
                 }
              }
              :nth-child(7){
                 img{
                     object-fit: cover;
                 }
              }
            
         }
    }
 }